@import './variables.scss';

$tableHeaderBgColor : #eff2f7;

.el-table {
    
    .el-table__header-wrapper {
        .el-table__header {
            background: $tableHeaderBgColor;
            
            th {
                height: 50px;
                font-size: $fontMiddle;
                color:$fontDeepDark ;
                background: $tableHeaderBgColor;
                line-height: 1.5;
            }
        }
    }
    
    .el-table__body-wrapper{
        .el-table__body tr td {
            transition: .3s;
        }
        .el-table__body tr{
            
            &:hover td,&:focus td {
                background: #f6fbff;
                border-color: #daebfd;
                position: relative;
                z-index: 1;
                
                &:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    height: 1px;
                    width: 100%;
                    background: #daebfd;
                }
            }
            
            td {
                font-size: 14px;
            }
        }
    }
    
    .el-table__empty-block{
        line-height: 60px;
    }
    
    .el-table__expanded-cell {
        &,&:hover {
            background: #f3f8fc !important;
        }
    }
    
}
